<!doctype html>
<html ng-app="" ng-csp>
<head>
    <title>Foreign Currency Exchange Rate- Nepal Rastra Bank</title>
    <style>
        body {
            min-width: 357px;
            overflow-x: hidden;
        }

        img {
            margin: 5px;
            border: 2px solid black;
            vertical-align: middle;
            width: 75px;
            height: 75px;
        }
    </style>

    <!--
      - JavaScript and HTML must be in separate files: see our Content Security
      - Policy documentation[1] for details and explanation.
      - [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html
     -->
    <script src="JS/app/popup.js"></script>
    <script src="JS/lib/angular.min.js"></script>
    <script src="JS/lib/canvasjs.min.js"></script>
    <script src="JS/lib/jquery-1.2.6.js"></script>
    <script src="JS/lib/jquery.xml2json.js"></script>

</head>

<body>
    <label for="url" style="font-weight: bold; font-size: medium">Foreign Currency Exchange Rate, NRB</label><br />
    <div id="curDate" style="font-weight:bold"></div><br />
    <div>

        <label for="url" style="font-weight:bold">Base Currency:</label>
        <select id="baseCur">
            <option>USD</option>
            <option>INR</option>
            <option>EUR</option>
            <option>GBP</option>
            <option>CHF</option>
            <option>AUD</option>
            <option>CAD</option>
            <option>SGD</option>
            <option>JPY</option>
            <option>CNH</option>
            <option>SAR</option>
            <option>QAR</option>
            <option>THB</option>
            <option>AED</option>
            <option>MYR</option>
            <option>KPW</option>
        </select>
    </div>
    <!--<div id="header"> <b>Base Currency</b> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Exchange Rate</b> </div>-->
    <br />
    <div id="exchangeRate">

    </div>
    <div>
        <div id="chartContainer" style="float:left;height: 200px; width: 100%;" ></div>
        <div>          
            <a href="#">7 days</a> | <a href="#">14 days</a> | <a href="#">30 days</a> | <a href="#">60 days</a> | <a href="#">120 days</a>
          

        </div>
        <div><br/></div>
        
        <div style="float:left; font-weight:bold"> Chart type <br/>           
        <a  id="line" href="#">Line</a>|
            <a id="column" href="#">Column</a>
        </div>
		
		<div style="clear:both;"></div>
		<div id="testdata" style="float:left">
		</div>
    </div>
</body>
</html>
